<aside class="detailsAside">
    <div class="more">
        <i></i>
        <div class="moreList">
            <em></em>
            <ul>
                <li><a href="{{APIURL}}wap/home.php?id={{product.product.store_id}}"><b></b><span>回到首页</span></a></li>
                <li><a href=""><b></b><span>商品分类</span></a></li>
                <li><a href=""><b></b><span>微店列表</span></a></li>
                <li><a href="{{APIURL}}wap/ucenter.php?id={{product.product.store_id}}#promotio"><b></b><span>个人中心</span></a></li>
            </ul>
        </div>
    </div>
    <div class="goTop"> <i></i></div>
</aside>
<aside>
    <div class="layer"></div>
    <div class="shareLayer layerList">
        <img src="images/share1.png" alt="">
    </div>
    <div class="coupon layerList">
        <p class="promptTxt">领取成功</p>
        <ul>
            <li ng-repeat="receiveList in receiveList.coupon_list track by $index" ng-click="receive(receiveList.coupon_id)">
                <h2 ng-bind="receiveList.name">满20减5</h2>
                <p>优惠金额：{{receiveList.face_money}}</p>
                <span>点击领取</span>
            </li>
        </ul>
    </div>
    <div class="share layerList">
        <p>分享</p>
        <ul class="shareTop clearfix">
            <li><span><img src="images/UI3-3_28.png" alt=""></span>
                <p>复制链接</p>
            </li>
            <li><span><img src="images/UI3-3_30.png" alt=""></span>
                <p>送他人</p>
            </li>
            <li><span><img src="images/UI3-3_33.png" alt=""></span>
                <p>找人送</p>
            </li>
        </ul>
        <ul class="shareBottom clearfix bdsharebuttonbox">
            <li><span><img src="images/UI3-3_47.png" alt=""></span>
                <p>微信</p>
            </li>
            <li><span><img src="images/UI3-3_49.png" alt=""></span>
                <p>QQ</p>
            </li>
            <li><span><img src="images/UI3-3_51.png" alt=""></span>
                <p>腾讯微博</p>
                <a href="" class="bds_tqq" data-cmd="tqq"></a>
            </li>
            <li> <span><img src="images/UI3-3_53.png" alt=""></span>
                <p>新浪微博</p>
                <a href="javascript:0" class="bds_tsina" data-cmd="tsina"></a>
            </li>
        </ul>
    </div>
    <div class="shoppingCat layerList">
        <i class="close"></i>
        <div class="productInfo clearfix">
            <div class="productImg"><img src="images/UI1_31.png" alt=""></div>
            <div class="productName">
                <h2>{{shopping.product.name}}</h2>
                <p>¥ {{shopping.product.price}}</p>
                <p>已选：<i ng-repeat="shoppingCatValue in shopping.property_list track by $index" ng-bind="shoppingCatValue.values[0].value"></i></p>
            </div>
        </div>
        <div class="productLabelList " ng-repeat="property_list in shopping.property_list track by $index">
            <p>{{property_list.name}}</p>
            <ul class="clearfix">
                <li ng-repeat="property_listValues in property_list.values track by $index" ng-class="shoppingActive($index)" ng-click="shoppingValue(property_listValues.value)"> {{property_listValues.value}}</li>
            </ul>
        </div>
        <p class="shoppingButton clearfix">数量<span><i ng-click="reduce()"></i><input type="number"  ng-model="shoppingNum"><i ng-click="plus()"></i></span></p>
        <div class="button" ng-click="shoppingCat()">加入购物车</div>
    </div>
</aside>
<p class="headerTop"></p>
<header class="header">
    <a href="javascript:history.go(-1);"><i></i></a>
    <h1>详情页</h1> </header>
<article class="details">
    <section class="detailsHeader">
        <div class="bannerLayer clearfix" ng-show="showTxt(product.fx_data.is_fx)">{{product.fx_dapta.is_fx}}
            <div class="userHerderImg"><img ng-src="{{product.fx_data.avatar}}" alt=""></div>
            <div class="userName" ng-bind-html="fx_dataTxt">
            </div>
            <div class="userButton" ng-show="fxShow"><a ng-href="{{fxBttton(product.fx_data.type)}}">{{product.fx_data.button}}</a></div>
            <i></i>
        </div>
        <div class="orderLayer clearfix">
            <div class="orderImg"><img src="images/UI2_03.png" alt=""></div>
            <p class="orderInfo"><i>紫冰凝紫冰凝紫冰凝紫冰凝紫冰凝</i>下了<em>1</em>笔订单<span>2分钟前</span></p>
        </div>
        <div class="banner swiper-container swiper-container-horizontal">
            <ul class="bannerList swiper-wrapper">
                <li class="swiper-slide" bannerLoade ng-repeat="banner in product.product.images track by $index "><img ng-src="{{banner.image}}" alt=""></li>
            </ul>
            <ul class="bannerSpot swiper-pagination">
                <li class="active"></li>
                <li></li>
                <li></li>
            </ul>
            <ul class="label">
                <li ng-bind="labelIcon" ng-repeat="labelIcon in product.image_icon_arr track by $index"> </li>
            </ul>
        </div>
    </section>
    <script>
    </script>
    <section class="detailsCentent">
        <div class="productName clearfix">
            <h2>{{product.product.name}}</h2>
            <span><i></i></span>
        </div>
        <div class="productInfo clearfix">
            <div class="productPrice">
                <p>¥ {{product.product.price}}</p>
                <p>¥ {{product.product.original_price}}</p>
            </div>
            <div class="produtButton clearfix"><span ng-click="likeClick(product.product_id)"><i ng-class="like(product.product.is_collect)"></i>喜欢</span><span ng-click="showTxt(product.fx_data.allow_drp)" ng-show="fxShow"><a ng-href="{{fxBttton(product.fx_data.type)}}">分销</a></span></div>
        </div>
        <ul class="productInfoState">
            <li>运费：<span ng-bind="postage(product.product.postage_type)"></span></li>
            <li>销量：<span>{{product.product.sales}}</span></li>
            <li>库存：<span>{{product.product.quantity}}</span></li>
            <li>喜欢：<span>1200</span></li>
        </ul>
        <div class="productAddress">
            <p><i></i>{{product.send_data.address}}</p>
            <p>由<i>{{product.send_data.send_name}}</i>发货&nbsp;预计<i>({{service}})</i>送达</p>
        </div>
    </section>
    <section class="propaganda" ng-show="showTxt(product.product.is_recommend)">
        <i></i> {{product.product.recommend_title}}
    </section>
    <section class="discount">
        <p><i>折</i>关注店铺，可享<b>{{product.product.after_subscribe_discount}}折</b>购物优惠</p>
        <p><i>积</i><span ng-repeat="point in product.point_arr track by $index">{{point.name}}：<b>{{point.number}}</b>&nbsp;</span> </p>
    </section>
    <section class="discountInfo">
        <div class="title">优惠信息</div>
        <ul>
            <li ng-repeat="discount in product.discount_arr"><i>{{discount.name}}</i><span ng-bind-html="discountMsg(discount.msg)"></span></li>
        </ul>
    </section>
    <section class="productLabel">
        <ul>
            <li ng-repeat="credit_arr in product.credit_arr"><i ng-bind="credit_arrIcon(credit_arr.type)"> </i>{{credit_arr.name}}</li>
        </ul>
    </section>
    <section class="productActive" ng-if="product.a_c_g_arr.activity||product.a_c_g_arr.coupon||product.a_c_g_arr.game">
        <ul>
            <li ng-show="product.a_c_g_arr.activity"><a href="#/active/{{product.product.product_id}}"><i></i>参与活动</a></li>
            <li ng-click="receiveCoupon()" ng-show="product.a_c_g_arr.coupon"><i></i>领取优惠券</li>
            <li ng-show="product.a_c_g_arr.game"><a href="#/game/{{product.product.product_id}}"><i></i>玩游戏得宝贝</a></li>
        </ul>
    </section>
    <section class="productDetails">
        <ul>
            <li><span>宝贝规格</span><span class="productCat" ng-click="shppingButton('self_buy',product.product.product_id)">显示宝贝规格 </span><em></em></li>
            <li><span>店铺名称<i></i><i></i><i></i><i></i><i></i></span><span><a href="{{APIURL}}wap/home.php?id={{product.product.store_id}}">进入店铺</a></span><em></em></li>
            <li><span>线下实体店</span><span><a href="#/shopList/{{product.product.store_id}}">查看门店</a></span><em></em></li>
            <li><span>联系客服</span><span><a href="">点击咨询</a></span><em></em></li>
        </ul>
    </section>
    <section class="productInfoList">
        <ul class="title">
            <li class="active">商品图文</li>
            <li ng-click="shoppingRecord()">购买记录</li>
            <li ng-click="productComment('HAO')">评价</li>
            <li>同店宝贝</li>
        </ul>
        <ul class="productInfo">
            <li class="productImgTxt" style="display:block" ng-bind-html="detailtext">
            </li>
            <li class="shopHistory">
                <p ng-hide="showTxt(recordList.count)" class="showTxt"><img src="images/shop_03.png" alt=""><span>该商品还没有人购买呢!</span></p>
                <p class="title" ng-show="showTxt(recordList.count)"><span>用户名称</span><span>件数</span><span>时间</span></p>
                <ul>
                    <li ng-repeat="recordList in recordList.order_list">
                        <span><i><img ng-src="{{recordList.avatar}}" alt=""></i><em>{{recordList.nickname}}</em></span>
                        <span>{{recordList.pro_num}}</span>
                        <span ng-bind="recordList.add_time"> </span>
                    </li>
                </ul>
                <div ng-show="showTxt(recordList.count)">
                    <p ng-hide="recordList.next_page" class="showTxt showTxtMore recordTxt"><span>没有更多记录啦!</span></p>
                </div>
            </li>
            <li class="productEvaluate">
                <p class="title" ng-show="showTxt(product.comment_data.total)"><span>评价 ({{product.comment_data.total}})</span><span>好评<i>{{(product.comment_data.t3/product.comment_data.total)*100}}%</i></span></p>
                <ul class="evaluateTitle clearfix" ng-show="showTxt(product.comment_data.total)">
                    <li class="active" ng-click="productComment('HAO')">好评<i>{{product.comment_data.t3}}</i></li>
                    <li ng-click="productComment('ZHONG')">中评<i>{{product.comment_data.t2}}</i></li>
                    <li ng-click="productComment('CHA')">差评<i>{{product.comment_data.t1}}</i></li>
                    <li ng-click="productComment('IMAGE')">有图<i>{{product.comment_data.t4}}</i></li>
                </ul>
                <p ng-hide="showTxt(commentList.count)" class="showTxt"><img src="images/shop_06.png" alt=""><span>暂无评价!快来抢沙发吧!</span></p>
                <ul class="evaluateTitleList" ng-show="showTxt(product.comment_data.total)">
                    <li ng-repeat="comment in commentList.comment_list track by $index">
                        <p><span><i><img ng-src="{{comment.avatar}}" alt=""></i>
                               <em>{{comment.nickname}}</em><b>{{comment.score}}分</b></span>
                            <span>{{comment.date}}</span>
                        </p>
                        <p>{{comment.content}}</p>
                        <ul class="evaluateImg clearfix">
                            <li ng-repeat="attachment_list in comment.attachment_list track by $index"><img ng-src="{{attachment_list.file}}" alt=""></li>
                        </ul>
                    </li>
                </ul>
                <div ng-show="showTxt(commentList.count)">
                    <p ng-hide="commentList.next_page" class="showTxt showTxtMore commentTxt"><span>没有更多记录啦!</span></p>
                </div>
            </li>
            <li class="shopProduct">
                <p ng-hide="product.product_relation_list[0].name" class="showTxt"><img src="images/shop_08.png" alt=""><span>该店铺暂无其他商品!</span></p>
                <ul class="clearfix">
                    <li ng-repeat="x in product.product_relation_list track by $index">
                        <a href="#/details/{{x.product_id}}/{{product.product.store_id}}">
                            <div class="productImg"><img ng-src="{{x.image}}" alt="">
                                <p>{{x.name}}</p>
                            </div>
                            <p><span>¥ {{x.price}}</span><span>¥ {{x.original_price}}</span></p>
                            <p>销量:{{x.sales}}</p>
                        </a>
                    </li>
                </ul>
            </li>
        </ul>
    </section>
    <ul class="footerLinke clearfix">
        <li><a href="{{APIURL}}wap/home.php?id={{product.product.store_id}}">店铺主页</a></li>
        <li><a href="{{APIURL}}wap/ucenter.php?id={{product.product.store_id}}">会员中心</a></li>
        <li><a href="#/shopList/{{product.product.store_id}}">线下门店</a></li>
    </ul>
    <footer>
        <p class="footerBottom"></p>
        <ul class="clearfix">
            <li ng-click="shppingButton('self_buy',product.product.product_id)">自己买</li>
            <li ng-click="shppingButton('peerpay_buy',product.product.product_id)">他人送</li>
            <li ng-click="shppingButton('send_other',product.product.product_id)">送他人</li>
            <li ng-click="shppingButton('add_cart',product.product.product_id)"><i></i>加入购物车</li>
        </ul>
    </footer>
</article>
